<template>
    <div>
        <nav-bar :userData="userData"></nav-bar>
<!--        背景-->
        <div class="bg">
            <img src="~assets/img/bannerTop_new.png" alt="">
        </div>
        <user-home-images :userData="userData"></user-home-images>
    </div>
</template>

<script>
    import UserHomeImages from '@/components/common/User/UserHomeImages'
    import NavBar from 'components/common/User/navbar'
    import {mapState} from 'vuex'
    export default {
        name: "userinfo",
        components:{
            NavBar,
            UserHomeImages
        },
        data(){
            return{
            }
        },
        computed:{
            ...mapState(['userData'])
        },
        methods:{
            getData(){
                this.$store.commit('getData')
            },
        },
        created() {
            this.getData()
        }

    }
</script>

<style scoped lang="less">

    .bg{
        width: 100%;
        img{
            width: 100%;
            position: absolute;
            top: 3.333vw;
        }
    }


</style>